<template>
  <div class="container">
    <van-sticky>
      <van-row class="title">
        <div class="inlinetitle">
          <div><span>中央党校（国家行政学院）四大专题数据库子库</span></div>
          <div><span>中共绵阳市委党校特色资源库平台</span></div>
        </div>
      </van-row>
    </van-sticky>
    <van-row>
      <div class="cont">
        <p>为贯彻落实《中共中央关于加强和改进新形势下党校工
          作的意见》和全国党校工作会议精神，根据全国党校系统图
          书馆工作会议的具体要求，为全面提升全国党校系统图书馆
          数字资源建设水平，适应中央党校实施教学与智库建设创新
          工程的要求，把握信息技术和新媒体发展的新趋势，不断增
          强数字资源建设工作的针对性、适用性和实效性，中共绵阳
          市委党校积极响应中央党校全国党校系统图书馆“四大专题
          数据库"建设。
        </p>
      </div>
    </van-row>
    <van-row >
      <div class="box yigl">

        <van-button round size="small" color="#16110B" class="djjr" type="info">点击进入</van-button>
      </div>
    </van-row>
    <van-row>
      <div class="box xt">
        <van-button round size="small" color="#0C4A97" class="djjr" type="info">点击进入</van-button>

      </div>
    </van-row>
    <van-row>
      <div class="box qk">
        <van-button round color="#D62D12 " size="small" class="djjr" type="info">点击进入</van-button>
      </div>
    </van-row>
  </div>
</template>

<script>
export default {
  name:'',
  components: {},
  props:{},
  data () {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted(){},
  methods: {}
}

</script>
<style lang='less' scoped>

.container{
  overflow-y: auto;
  margin-bottom: 50px;
}
.inlinetitle{
  padding-top: 12px;
}
.inlinetitle :first-child{
  padding-top: 5px;
}
.title>div :nth-child(2){
  margin-top: 5px;
}
.cont{
  padding: 0 10px;
}
.cont p{
  text-indent: 2em;
  font-size: 14px;
}
.van-row{
  margin-bottom: 10px;
  background-color: #fff;
}

.title{
  height: 80px;
  background-color: #AF2536 ;
  color: #fff;
  font-size: 16px;
  text-align: center;
  align-content: center;

  vertical-align: middle;
}
.box{
  width: 350px;
  height: 113px;

  margin: 0 auto;
  position: relative;
}
.yigl{

  background: url('../../assets/bg_yingji@2x.png');
  background-size: cover;
}
.qk{
  background: url('../../assets/bg_dangxiao@2x.png');
  background-size: cover;
}
.xt{
  background: url('../../assets/bg_xietong@2x.png');
  background-size: cover;
}
.djjr{
  position:absolute;
  top: 65%;
  left: 78%;

}
</style>
